import { Button, Drawer } from 'antd';
import React from 'react';
const BBB: React.FC = () => {
  const [rightOpen1, setrightOpen1] = useState(false);
  const [rightOpen, setrightOpen] = useState(false);

  const showDrawer1 = () => {
    setrightOpen(true);
  };

  const onClose = () => {
    setrightOpen(false);
  };


  const showDrawer = () => {
    setrightOpen(true);
  };

  const onClose = () => {
    setrightOpen(false);
  };

return <>
    <>
      <Button type="primary" onClick={showDrawer1}>
        BBB
      </Button>
    
    </>
    <>
      <Button type="primary" onClick={showDrawer}>
        rightOpen
      </Button>
      <Drawer title="Basic Drawer" placement="right" onClose={onClose} rightOpen={rightOpen}>
        <p>Some contents...</p>
        <p>Some contents...</p>
        <p>Some contents...</p>
      </Drawer>
    </>
</>
}


export default BBB;
